كيف يعمل الـ CSS ؟ <br />عندما يقرأ المتصفح ورقة النمط <br />فأنه سيقوم بنتسيق مستند الـ HTML وفقا للمعلومات الموجودة في ورقة النمط <br />و هناك ثلاثة طرق لإدراج الـ CSS <br />1. ورقة نمط خارجية . <br />2. ورقة نمط داخلية . <br />3. نمط مضمن . <br />الطريقة الأولى : ورقة نمط خارجية . <br />مع ورقة النمط الخارجية تستطيع تغيير مظهر موقع كامل فقط عن طريق تغيير ملف واحد <br />يجب أن تحتوي كل صفحة على مرجع لملف ورقة النمط الخارجية داخل العنصر LINK و العنصر LINK موجود داخل القسم HEAD <br />و أية ورقة نمط خارجية ممكن أن تكتب بأي محرر نصوص <br />و الملف ينبغي أن لا يحوي أية وسوم HTML . <br />و ملف ورقة النمط يجب أن تحفظ باللاحقة .css <br />ملاحظة : <br />لا تضيف أي مسافة بين قيمة الخاصية و الوحدة المرادفة لها <br />ورقة النمط الداخلية : <br />ورقة النمط الداخلية ربما تستعمل لصفحة مفردة <br />و تمتلك نمط فريد لا يتكرر في الصفحات الأخرى خاصة بتلك الصفحة فقط <br />و يتم تعريف الأنماط الداخلية داخل العنصر style في القسم head داخل صفحة الموقع <br />الأنماط المضمنة : <br />النمط المضمن ربما يستعمل لتطبيق نمط فريد على عنصر واحد <br />لاستخدام نمط مضمن قم بإضافة السمة style إلى العنصر ذات الصلة <br />و السمة style ممكن ان تحتوي أي خاصية css <br />تلميح : <br />النمط المضمن يفقد العديد من مزايا أوراق الأنماط و ذلك لمزج المحتوى مع العرض التقديمي <br />لذلك ينصح باستعمال هذه الطريقة في مواضع معينة و عدم الاعتماد عليها بشكل كلي . <br />أوراق نمط متعددة : <br />إذا تم تعريف بعض الخصائص لنفس المحدد ( العنصر ) في أوراق أنماط مختلفة سيتم استخدام القيمة من آخر ورقة نمط يتم قرأتها من قبل المتصفح . <br />أي نمط سوف يستخدم عندما يوجد أكثر من نمط محدد لعنصر الـ html ؟ <br />بشكل عام يمكننا القول بأن جميع تلك الأنماط سوف تتوالى داخل ورقة نمط إفتراضية متبعة القواعد التالية حيث الرقم 1 له الأولوية : <br />1. النمط المضمن ( داخل أي عنصر html ) <br />2. ورقة النمط الداخلية و الخارجية في القسم head <br />3. افتراضيات المتصفح <br />استنادا لما سبق فإن النمط المضمن له الأولوية في التطبيق <br />مما يعني أنه سيتم تجاوز النمط المحدد للعنصر داخل العلامة head <br />أو في ورقة النمط الخارجية <br />أو القيم الافتراضية للمستعرض .
